<template>
    <div class="loading_container">
        <div class="loading">
            <img
                width="24"
                height="24"
                src="./loading.gif"
            >
            <p class="desc">{{title}}</p>
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
/* eslint-disable */
export default {
    props: {
        title: {
            type: String,
            default: '正在载入...'
        }
    }
}
</script>
<style scoped lang='less'>
    .loading_container {
        position: fixed;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.4);
        .loading{
            position: absolute;
            top:50%;
            width: 100%;
             transform: translateY(-50%);
            .desc {
            line-height: 20px;
            font-size: 12px;
            color: #fff;
        }
        }
        
    }
</style>
